<script>
    import { RouterOutlet } from "@easyroute/svelte";

    import Header from "../components/admin/Header.svelte";
    import Footer from "../components/admin/Footer.svelte";
    import Nav from "../components/admin/Nav.svelte";
</script>

<div class="main">
    <Header />

    <div class="content">
        <div class="navmenu">
            <!-- 左边 -->
            <div style="height:100%">
                <Nav />
            </div>
        </div>
        <div class="mainview">
            <!-- 右边 -->
            <div
                style="margin: 15px; height: calc(100% - 120px); overflow-y: auto;"
            >
                <RouterOutlet />
            </div>
        </div>
    </div>

    <Footer />
</div>

<style>
    .main {
        height: 100%;
    }

    .content {
        width: auto;
        min-height: 93vh;
        /* height: 93vh; */
        height: calc(100% - 120px);
    }
    .navmenu {
        width: 10%;
        height: 100%;
        float: left;
    }
    .mainview {
        width: 88%;
        height: 100%;
        float: left;
    }
</style>
